.index{
    width: 100vw;
    height: calc(100vh - constant(safe-area-inset-bottom) - 100px);
    height: calc(100vh - env(safe-area-inset-bottom) - 100px);
    background-color: #eff2f5;
    // display: flex;
    // flex-direction: column;
    overflow-y: scroll;
    .header-back{
        width: 100%;
        height: 429px;
        background: #1E4681;
        display: flex;
        position: relative;
        .header-chunk{
            width: 90%;
            height: 200px;
            position: absolute;
            bottom: -25%;
            transform: translateX(5.5%);
            border-radius: 16px;
            background: rgba(254, 255, 254, 1);
            box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.06);
            display: flex;
            align-items: center;
            justify-content: space-around;
            &-title{
                font-size: 40px;
                margin-left: 80px;
                letter-spacing:20px;
            }
            &-qrcode{
                width: 155px;
                height: 155px;
                margin-left: 20px;
                border-radius: 16px;
                >image{
                    width: 100%;
                    height: 100%;
                    border-radius: 16px;
                }
            }
        }
    }
    .content{
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
        padding: 150px 36px 50px;
        &-item{
            height: 262px;
            border-radius: 16px;
            background: rgba(216, 216, 216, 1);
            margin-top: 45px;
            >image{
                width: 100%;
                height: 100%;
                border-radius: 16px;
            }
            &:first-child{
                margin-top: 0;
            }
        }
    }
}